<!--
 * @Author       : 邱狮杰
 * @Date         : 2021-05-07 12:01:04
 * @LastEditTime : 2021-05-07 17:49:20
 * @FilePath     : /abc/personalCenter.html
 * @Description  : 个人中心_存包 
-->
<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="./scss/main.css">
  <link rel="stylesheet" href="./scss/personCenter.css">
  <link rel="stylesheet" href="./scss/buttonOperaction.css">
  <link rel="stylesheet" href="./scss/options.css">
  <title>Document</title>
</head>

<body>
  <div class="personCenterContainer">
    <!-- 模考列表 -->
    <img style="display: none;" class="logo" src='./assets/whiteAbcLogo.png' alt="logo">
    <span style="display: none;" class="null">暂无存包信息</span>
    <div style="display: none;" class="content">
      <div class="content_item">
        <div class="header">
          <span>雅思&nbsp;&nbsp;移民英语</span>
          <!-- <div class="noExam">未开考</div> -->
          <!-- <div class="unpaid">未支付</div> -->
          <!-- <div class="expired">已过期</div> -->
          <div class="fraction">8.5分</div>
        </div>
        <div class="contentInfo">
          <div class="infoList">
            <div class="infoList_item">
              <span>考试时间:</span>
              <span>2020年XX月XX日-2020年XX月XX日</span>
            </div>
            <div class="infoList_item">
              <span>考试地点:</span>
              <span>xx省xx市 深大考点</span>
            </div>
            <div class="infoList_item">
              <span>考试状态:</span>
              <span class="openExam">未开考</span>
            </div>
          </div>
          <div class="opercation">
            <!-- <button>去支付</button> -->
            <!-- <span>查看详情</span> -->
            <div class="position">
              <img src="./assets/position.png" alt="position">
              <span>导航</span>
            </div>
          </div>
        </div>
      </div>
      <div class="content_item">
        <div class="header">
          <span>雅思&nbsp;&nbsp;移民英语</span>
          <div class="noExam">未开考</div>
          <!-- <div class="unpaid">未支付</div> -->
          <!-- <div class="expired">已过期</div> -->
          <!-- <div class="fraction">8.5分</div> -->
        </div>
        <div class="contentInfo">
          <div class="infoList">
            <div class="infoList_item">
              <span>考试时间:</span>
              <span>2020年XX月XX日-2020年XX月XX日</span>
            </div>
            <div class="infoList_item">
              <span>考试地点:</span>
              <span>xx省xx市 深大考点</span>
            </div>
            <div class="infoList_item">
              <span>考试状态:</span>
              <span class="openExam">未开考</span>
            </div>
          </div>
          <div class="opercation">
            <!-- <button>去支付</button> -->
            <span>查看详情</span>
            <!-- <div class="position">
              <img src="./assets/position.png" alt="position">
              <span>导航</span>
            </div> -->
          </div>
        </div>
      </div>
      <div class="content_item">
        <div class="header">
          <span>雅思&nbsp;&nbsp;移民英语</span>
          <!-- <div class="noExam">未开考</div> -->
          <!-- <div class="unpaid">未支付</div> -->
          <div class="expired">已过期</div>
          <!-- <div class="fraction">8.5分</div> -->
        </div>
        <div class="contentInfo">
          <div class="infoList">
            <div class="infoList_item">
              <span>考试时间:</span>
              <span>2020年XX月XX日-2020年XX月XX日</span>
            </div>
            <div class="infoList_item">
              <span>考试地点:</span>
              <span>xx省xx市 深大考点</span>
            </div>
            <div class="infoList_item">
              <span>考试状态:</span>
              <span class="openExam">未开考</span>
            </div>
          </div>
          <div class="opercation">
            <button>去支付</button>
            <!-- <span>查看详情</span> -->
            <!-- <div class="position">
              <img src="./assets/position.png" alt="position">
              <span>导航</span>
            </div> -->
          </div>
        </div>
      </div>
      <div class="content_item">
        <div class="header">
          <span>雅思&nbsp;&nbsp;移民英语</span>
          <!-- <div class="noExam">未开考</div> -->
          <div class="unpaid">未支付</div>
          <!-- <div class="expired">已过期</div> -->
          <!-- <div class="fraction">8.5分</div> -->
        </div>
        <div class="contentInfo">
          <div class="infoList">
            <div class="infoList_item">
              <span>考试时间:</span>
              <span>2020年XX月XX日-2020年XX月XX日</span>
            </div>
            <div class="infoList_item">
              <span>考试地点:</span>
              <span>xx省xx市 深大考点</span>
            </div>
            <div class="infoList_item">
              <span>考试状态:</span>
              <span class="openExam">未开考</span>
            </div>
          </div>
          <div class="opercation">
            <button>去支付</button>
            <!-- <span>查看详情</span> -->
            <!-- <div class="position">
              <img src="./assets/position.png" alt="position">
              <span>导航</span>
            </div> -->
          </div>
        </div>
      </div>
      <div class="content_item">
        <div class="header">
          <span>雅思&nbsp;&nbsp;移民英语</span>
          <!-- <div class="noExam">未开考</div> -->
          <!-- <div class="unpaid">未支付</div> -->
          <!-- <div class="expired">已过期</div> -->
          <div class="fraction">8.5分</div>
        </div>
        <div class="contentInfo">
          <div class="infoList">
            <div class="infoList_item">
              <span>考试时间:</span>
              <span>2020年XX月XX日-2020年XX月XX日</span>
            </div>
            <div class="infoList_item">
              <span>考试地点:</span>
              <span>xx省xx市 深大考点</span>
            </div>
            <div class="infoList_item">
              <span>考试状态:</span>
              <span class="openExam">未开考</span>
            </div>
          </div>
          <div class="opercation">
            <!-- <button>去支付</button> -->
            <!-- <span>查看详情</span> -->
            <div class="position">
              <img src="./assets/position.png" alt="position">
              <span>导航</span>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- User -->
    <div class="UserModel">
      <div class="usrLogo">
        <img src="./assets/littleHat.png" alt="">
        <img src="https://golang.google.cn/lib/godoc/images/footer-gopher.jpg" alt="userImg">
      </div>
      <div class="usrInfo">
        <div class="user">
          <span>awesome</span>
          <div class="upload">
            <img src="./assets/camera.png" alt="">
            <span>上传</span>
          </div>
        </div>
        <div class="userName">
          用户：Mockingbol
        </div>
      </div>
    </div>
    <div class="ModelList">
      <div class="list_item">
        <div>
          <img src="./assets/mockTest.png" alt="">
          我的模考
        </div>
        <img src="./assets/rightArrow.png" alt="">
      </div>
      <div class="list_item">
        <div>
          <img src="./assets/depositPackage.png" alt="">
          我的存包
        </div>
        <img src="./assets/rightArrow.png" alt="">
      </div>
      <div class="list_item">
        <div>
          <img src="./assets/rowNumber.png" alt="">
          我的排号
        </div>
        <img src="./assets/rightArrow.png" alt="">
      </div>
    </div>
    <div class="options">
      <span>托福</span>
      <span>PTE</span>
      <span>雅思</span>
    </div>
    <div class="bottomOperaction">
      <div class="examService">
        <img src="./assets/examination.png" alt="考试服务">
        <span>考试服务</span>
      </div>
      <div class="personalServiceBtn">
        <img class="personalService move" src="./assets/userBtn.png" alt="个人服务">
        <span>个人服务</span>
      </div>
    </div>
  </div>
  <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>
  <script src="./js/index.js"></script>
</body>

</html>